<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="baidu-tc-cerfication" content="d0fcb6c290f799d6921e9a455bad9273">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>活动大厅</title>
    <link href="__TEMPLATE__/sysme/css/layer.css" rel="stylesheet" type="text/css" />
    <link href="__TEMPLATE__/sysme/css/game_mobile.css" rel="stylesheet" type="text/css" />
    <link href="__TEMPLATE__/mobile/index/css/betting.css" rel="stylesheet" type="text/css">
    <link href="__TEMPLATE__/sysme/css/layer.css" rel="stylesheet" type="text/css" />
    <script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
    <script src="__TEMPLATE__/sysme/js/jquery.mCustomScrollbar.concat.min.js"></script>

<!-- 	<script type="text/javascript" src="__TEMPLATE__/mobile/index/js/yaoyiyao.js"></script> -->
<!-- UC强制全屏 -->  
 <meta name="full-screen" content="yes">  
 <!-- QQ强制全屏 -->  
 <meta name="x5-fullscreen" content="true">  
 <!-- UC应用模式-->  
 <meta name="browsermode" content="application">  
 <!-- QQ应用模式 -->  
 <meta name="x5-page-mode" content="app"> 
		
  </head>
  <style type="text/css">
  	li{list-style: none;}
  	.title {
    /*height: 33px;*/
    /*background-color: #c8a073;*/
    /*line-height: 33px;*/
    text-align: left;
    width: 100%;
    color: black;
    font-family: 微软雅黑;
}
 .time {
    margin-bottom: 10px;
    padding-left: 8px;
    font-size: 13px;
    line-height: 20px;
    margin-left: 33px;
}

html{min-height:100px;}
i{font-style: normal;}


.content .bottom{height:auto;}
.content .bottom .list>div{width:100%;height:auto;}

/*.content .bottom .list>div>div>div{width:80%;height:100%;margin:0px auto;font-size:12px;}*/
.content h1{width:100%;height:30px;line-height:30px;color:#d91d36;font-size:15px;text-align: center;position:fixed;top:80px;background:#fff;}
.content .bottom .list>div>div p{text-align: center;}
.content .bottom .list>div>div {font-size:12px;}
.content{
	width:100%;
}

.left ul .list_title{
	width:95%;
	margin:10px auto 0;
	/*height:70px;*/

	border-bottom: 1px solid #f1efef;
   list-style: none;
	background:url(__TEMPLATE__/mobile/index/img/activity.png) no-repeat;
	background-size:cover;
	color:#fff;
	text-align: center;
	font-weight: bold;
	font-size:16px;
	border-radius: 10px;
}
.left ul li{/*padding:0 18px;*/width:100%;line-height:33px;overflow: hidden;}
.left ul li span{
	display:block;
	padding-left:5px;
	color:#5a8ce8;
	float:left;
	
}

.left{overflow: auto;}
.left ul li .list_title span{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.left ul li .dian{
	margin-top:12px;
	width:8px;
	height:8px;
	display:block;
	margin-left:6px;
	border-radius: 50%;
	float:left;margin-right:6px;
	background:#d73021;
	
}

.list_content{
	display:none;
	padding-top:9px;
	width:90%;margin:-10px auto 0;
  background:#f32c2b;
	font-size:14px;
	padding-bottom:10px;
	margin-bottom:22px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.list_content>div{width:94%;margin:0 auto;background:#fff;padding-bottom:10px;padding-top:10px;}
.list_content span{
display:block;padding:0 3%;text-indent: 24px;color:#666;width:94%;
}
.list_content span img{display:block;width:95%;margin:0 auto;}
  </style>
  <body>

  <div style="width:100%;overflow: auto;">



	  <div class="content" style="overflow: auto;">
		  <div class="left">
			  <ul>
				  
				  {foreach($query as $key=>$value)}
			<li class="list_title" id="{$value.id}">
				<span style="display:block;padding-top:5px;">{$value.hd_name}</span>
				<p style="text-align: left;margin-bottom:5px;font-size:12px;margin-top:10px;padding:0 10px;">活动说明：{$value.smwz}</p>
			</li>
			<li class="list_content teshu" id="con_{$value.id}" >
				  <div class="bottom">
	    		<div class="list" id="list">
	    			<div id="content_{$rr.id}">
	    				<div >
	    					<div>
		    					{foreach($value.sur as $it)}
		    					{if(!empty($it.0))}
		    					<div style="width:80%;height:auto;border:1px solid #ccc;border-radius: 8px;padding:10px;margin:10px auto 0;" id="">
			    					<div style="margin-bottom:5px;">
			    						领取条件<i style="color:#d91d36;">（{if condition="$value.tjzq eq 1"}昨日{/if}{if condition="$value.tjzq eq 2"}上周{/if}{if condition="$value.tjzq eq 3"}上月{/if}充值）：{$it.0}元    </i>
			    					</div>
			    					
			    					<div style="margin-bottom:5px;">
			    						领取条件<i style="color:#d91d36;">（{if condition="$value.tjzq eq 1"}昨日{/if}{if condition="$value.tjzq eq 2"}上周{/if}{if condition="$value.tjzq eq 3"}上月{/if}投注）：{$it.1}元    </i>
			    					</div>
			    					<div style="margin-bottom:5px;">
			    						领取金额：<i style="color:#d91d36;">{$it.2}元    </i>
			    					</div>
			    					
		    					</div>
		    					{/if}
		    					{/foreach}
		    					<div style="overflow: hidden;">
		    						<!--<div style="width:42%;float:left;">
		    							<p style="color:#666;text-align: left;">每日可领取{$value.lq_count}次</p>
		    						</div>-->

		    						<div class="lingqu" id="{$value.id}" style="width:38%;height:28px;line-height:28px;color:#fff;text-align:center;background:{$value.sty};border-radius:4px;margin-top:6px;margin:10px auto 0;">
		    							{$value.islingqu}
		    						</div>
		    					</div>
		    				</div>
	    				</div>
	    			</div>
	    		</div>
	    	</div>
			</li>
		{/foreach}
			  </ul>
		  </div>

	  </div>
  </div>



  </body>
<script>

	function setupWebViewJavascriptBridge(callback) {
		if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); }
		if (window.WVJBCallbacks) { return window.WVJBCallbacks.push(callback); }
		window.WVJBCallbacks = [callback];
		var WVJBIframe = document.createElement('iframe');
		WVJBIframe.style.display = 'none';
		WVJBIframe.src = 'https://__bridge_loaded__';
		document.documentElement.appendChild(WVJBIframe);
		setTimeout(function() { document.documentElement.removeChild(WVJBIframe) }, 0)
	}
	setupWebViewJavascriptBridge(function(bridge) {
		/* Initialize your app here */
		bridge.registerHandler('JS Echo', function(data, responseCallback) {
			console.log("JS Echo called with:", data)
			responseCallback(data)
		})
		bridge.callHandler('ObjC Echo', {'key':'value'}, function responseCallback(responseData) {
			console.log("JS received response:", responseData)
		})
	})
	var receive=1
  $('.lingqu').click(function(){
  	if(receive==2) return;
  	receive=2
  	var iud=$(this).attr('id');
  	  $.ajax({
                type: "post",
                url: "/index/User/getAward",
                data: {"hdid":iud},
                success: function (data) {
					var appfrom = '{$appfrom}';
                	if(data==1){
						if( 1==parseInt(appfrom) ){
							jump2app.alertDialog("领取成功！");
						}else{
							alert("领取成功！");
						}
						window.location.href = "{:url('home/activity')}";
                	}else{
//						if( 1==parseInt(appfrom) ){
//							jump2app.alertDialog( data );
//						}else{
//							//alert( data );
//						}
						setTimeout(function(){
							receive=1;
						},2000)
					}
                }
		});
  });

$(".left .list_title").click(function(){
    	$(".left .teshu").slideUp(200)
    	var identify=$(this).attr('id')
   
		if($('#con_'+identify).css('display')=='none'){
		  $('#con_'+identify).slideDown(200).attr('is_click','no');
	    }else{
			$('#con_'+identify).slideUp(200).attr('is_click','yes');
		}
	})
</script>
</html>


    



